<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="__STATIC__/template/lib/html5shiv.js"></script>
    <script type="text/javascript" src="__STATIC__/template/lib/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="__STATIC__/template/static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="__STATIC__/template/static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="__STATIC__/template/lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="__STATIC__/template/static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="__STATIC__/template/static/h-ui.admin/css/style.css" />
    <!--[if IE 6]>
    <script type="text/javascript" src="__STATIC__/template/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <title>添加管理员</title>
</head>
<body>
<article class="page-container">
    <form class="form form-horizontal" id="form-admin-add" onclick="return checkEdit()">
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>账号：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="{$manager.account}" placeholder="" id="accountX" name="account">
            </div>
            <div id="account_tipX"></div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>添加时间：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="{$manager.admin_time|date='Y-m-d',###}" placeholder="" id="admin_time" name="admin_time">
            </div>
            <div id="admin_time_tipX"></div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">角色：</label>
            <div class="formControls col-xs-8 col-sm-9">
				<span class="select-box" style="width:100%">
					<select class="select" name="roleId" size="1" id="roleId">
                        <option value="{$role.id}">{$role.name}</option>
                    </select>
				</span>
            </div>
        </div>
        <!--<input type="hidden" value="{$manager.id}" id="manager_id"/>
        <div class="row cl">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
                <input class="btn btn-primary radius" type="submit" onclick="managerEdit()" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
            </div>-->
        </div>
    </form>

</article>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="__STATIC__/template/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="__STATIC__/template/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="__STATIC__/template/static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="__STATIC__/template/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="__STATIC__/template/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="__STATIC__/template/lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="__STATIC__/template/lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript">

    $(document).ready(function(){
        $('#account').blur(checkAccount);
        $('#password').blur(checkPassword);
        $('#password2').blur(checkPassword2);
        $('#accountX').blur(checkAccountX);
        $('#initial_password').blur(initial_password);

    })
    /*账号 - 异步检测*/
    var account_tip = false;
    function checkAccount(){
        var account = $('#account').val();
        var rel    =  /^[a-zA-Z]\w{3,15}$/;
        if(rel.test(account) === false){
            $('#account_tip').text('账号必须是以字母开头的4-16位的字母、数字或下划线').css({'color':'red','font-size':'12px','text-align':'center'});
            return account_tip = false;
        }else{
            var url = "{:url('admin/manager/checkAccount')}";
            $.post(url,{ account:account },function(res){
                console.log(res);
                if(res==1){
                    //alert(1);
                    $('#account_tip').text('');
                    return account_tip =true;
                }else{
                    //alert(2);
                    $('#account_tip').text('账号不能重复').css({'color':'red','font-size':'12px','text-align':'center'});
                    return account_tip =false;
                }
            })
        }
    }
    /*修改页面账号 - 异步验证*/
    var account_tipX = true;
    function checkAccountX(){
        var account = $('#accountX').val();
        var manager_id = $('#manager_id').val();
        //alert(manager_id);
        var rel    =  /^[a-zA-Z]\w{3,15}$/;
        if(rel.test(account) === false){
            $('#account_tipX').text('账号必须是以字母开头的4-16位的字母、数字或下划线').css({'color':'red','font-size':'12px','text-align':'center'});
            return account_tipX = false;
        }else{
            var url = "{:url('admin/manager/checkAccountX')}";
            $.post(url,{ account:account,manager_id:manager_id },function(res){
                console.log(res);
                if(res==1){
                    //alert(1);
                    $('#account_tipX').text('');
                    return account_tipX =true;
                }else{
                    //alert(2);
                    $('#account_tipX').text('账号不能重复').css({'color':'red','font-size':'12px','text-align':'center'});
                    return account_tipX =false;
                }
            })
        }
    }
    /* 原密码 */
    var initial_tip = true;
    function initial_password(){
        var initial_password = $('#initial_password').val();
        var manager_id = $('#manager_id').val();
        var url = "{:url('checkRaw')}";
        $.post(url,{ initial_password:initial_password,manager_id:manager_id },function(res){
            //console.log(res);
            if(res.ok){
                $('#initial_tip').text('√').css({'color':'green','font-size':'12px','text-align':'center'});
                initial_tip = true;
            }else{
                $('#initial_tip').text('×').css({'color':'red','font-size':'12px','text-align':'center'});
                initial_tip = false;
            }
        })
    }
    /*密码 - 验证*/
    function checkPassword(){
        var password = $('#password').val();
        var rel    =  /^[a-zA-Z0-9]{6,14}$/;
        if(rel.test(password) === false){
            $('#password_tip').text('密码必须为6-14位的字母或数字').css({'color':'red','font-size':'12px','text-align':'center'});
            return false;
        }else{
            $('#password_tip').text('');
            return true;
        }
    }
    function checkPassword2(){
        var password = $('#password').val();
        var password2 = $('#password2').val();
        if(password != password2){
            $('#password2_tip').text('两次输入密码不一致').css({'color':'red','font-size':'12px','text-align':'center'});
            return false;
        }else{
            $('#password2_tip').text('');
            return true;
        }
    }
    function checkAll(){
        if(checkPassword2() && checkPassword() && account_tip){
            return true;
        }
        return false;
    }
    function checkEdit(){
        if(initial_tip && account_tipX){
            return true;
        }
        return false;
    }


    /*管理员 - 添加*/
    function managerAdd(){
        var account   = $('#account').val();
        var password  = $('#password').val();
        var password2 = $('#password2').val();
        var roleId    = $('#roleId').val();
        //alert(1);
        if(checkAll()){
            $.post("{:url('admin/Manager/save')}",{ account:account,password:password,password2:password2,roleId:roleId },function(res){
                console.log(res);
                if(res==3){
                    layer.msg('添加成功!',{icon:1,time:1000});
                    window.parent.location.reload();//刷新父页面
                    //var index = parent.layer.getFrameIndex(window.name);
                    parent.layer.close();//关闭当前页面
                }else if(res==1){
                    layer.msg('请填写完整的信息!',{icon:0,time:1000});
                }else if(res==2){
                    layer.msg('密码两次输入结果不一致!',{icon:5,time:1000});
                }else if(res==4){
                    layer.msg('添加失败!',{icon:5,time:1000});
                }else{
                    layer.msg(res,{icon:5,time:1000});
                }

            })
        }

    }
    /*管理员 - 修改*/
    function managerEdit(){
        var account    = $('#accountX').val();
        var password   = $('#initial_password').val();
        var password2  = $('#new_password').val();
        var roleId     = $('#roleId').val();
        var manager_id = $('#manager_id').val();
        //alert(checkEdit());
        if(checkEdit){
            $.post("{:url('admin/Manager/edit')}",{ account:account,password:password,password2:password2,roleId:roleId,id:manager_id },function(res){
                console.log(res);
                if(res.ok){
                    layer.msg('修改成功!',{icon:1,time:1000});
                    window.parent.location.reload();//刷新父页面
                    //var index = parent.layer.getFrameIndex(window.name);
                    parent.layer.close();//关闭当前页面
                }else{
                    layer.msg(res.msg,{icon:5,time:2000});
                }

            })
        }



    }
</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>